
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Very Simple Slider - CodePen</title>
   <link rel="stylesheet" href="resources/css/slider.css" media="screen" type="text/css" />
</head>
<body>
  <h1>Bienvenido</h1>
    <div id="slider">
      <a href="#" class="control_next">>></a>
      <a href="#" class="control_prev"><</a>
      <ul>
        <li><img src="resources/img/slider-1.jpg"></li>
        <li style="background: #aaa;"><img src="resources/img/slider-2.jpg"></li>
        <li><img src="resources/img/slider-3.png"></li>
        <li style="background: #aaa;"><img src="resources/img/slider-4.jpg"></li>
      </ul>  
    </div>
  <script src='http://codepen.io/assets/libs/fullpage/jquery.js'></script>
  <script src="resources/js/index.js"></script>
</body>
</html>